<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .menu{
            /*height: 1000px;*/
            width: 50px;
            background-color: #5ab2ce;
        }
        .title{
            background-color: #2e6ab1;
            color: white;

        }
        .hide{
            display: none;
        }
    </style>
</head>
<body>
    <div class="menu" >
        <div class="item">
            <div class="title" >标签一</div>
            <div class="neirong hide">
                <p>内容一</p>
                <p>内容一</p>
                <p>内容一</p>
                <p>内容一</p>
                <p>内容一</p>
                <p>内容一</p>
            </div>
         </div>

        <div class="item">
            <div class="title">标签二</div>
            <div class="neirong hide">
                <p>内容二</p>
                <p>内容二</p>
                <p>内容二</p>
                <p>内容二</p>
                <p>内容二</p>
            </div>
        </div>
        <div class="item">
            <div class="title" >标签三</div>
            <div class="neirong hide">
                <p>内容三</p>
                <p>内容三</p>
                <p>内容三</p>
                <p>内容三</p>
                <p>内容三</p>

            </div>
        </div>


    </div>
    <script src="jquery-3.5.0.js"></script>
    <script>
        /*
        $('.item .title').click(function () {
            $(this).next().removeClass('hide');
            $(this).parent().siblings().find('.neirong').addClass('hide')
        })
        */
        $('.item .title').bind('click',function () {
            $(this).next().removeClass('hide');
            $(this).parent().siblings().find('.neirong').addClass('hide')
        })
    </script>
</body>
</html>